; (function () {
  $(function () {
    $(".header").load("./header.html")
    $(".footer").load("./footer.html")

    //轮播
    $("#box_ul").append($("#box_ul>li").eq(0).clone(true));
    //创建ol里的li
    for (i = 0; i < $("#box_ul>li").length - 1; i++) {
      var $Li = $(`<li></li>`)
      if (i == 0) {
        $Li.addClass("current");
      }
      $("ol").append($Li);
    }
    //自动轮播
    var $imgindex = 0;
    var $dainindex = 0;
    function Appar() {
      $imgindex++;
      if ($imgindex == 5) {
        $imgindex = 1
        $("#box_ul").css("left", "0px");
      }
      $("#box_ul").animate({
        left: $imgindex * -1920
      })
      $dainindex++;
      if ($dainindex == 4) {
        $dainindex = 0;
      }
      $("ol li").eq($dainindex).addClass("current").siblings("li").removeClass("current");
    }

    var timer = setInterval(Appar, 2000)
    $(".arrow_left").on("click", function () {
      $imgindex--;
      if ($imgindex == 0) {
        $imgindex = 4;
        $("#box_ul").css("left", "-5760px");
      }
      $("#box_ul").animate({
        left: $imgindex * -1920
      })
      $dainindex--;
      if ($dainindex = 0) {
        $dainindex = 4;
      }
      $("ol li").eq($dainindex).addClass("current").siblings("li").removeClass("current");
    })
    $(".arrow_right").on("click", function () {
      $imgindex++;

      if ($imgindex == 5) {
        $imgindex = 1
        $("#box_ul").css("left", "0px");
      }
      $("#box_ul").animate({
        left: $imgindex * -1920
      })
      $dainindex++;
      if ($dainindex == 4) {
        $dainindex = 0;
      }
      $("ol li").eq($dainindex).addClass("current").siblings("li").removeClass("current");
    })

    $(".lunbo,.arrow_right,.arrow_left").mouseenter(function () {
      clearInterval(timer);
    })
    $(".lunbo,.arrow_right,.arrow_left").mouseleave(function () {
      timer = setInterval(Appar, 1000)
    })


    $("ol").on("click", "li", function (evt) {
      $index = $(evt.currentTarget).index();
      $imgindex = $dainindex = $index - 1;
      Appar();
    })

    //推荐

    $(".lazy_ul>li").eq(0).mouseenter(function () {
      $(".lazy_bottom .s1").addClass("vj").siblings(".lazy_ul2").removeClass("vj");
      $(".lazy_ul>li").eq(0).addClass("active").siblings(".lazy_ul>li").removeClass("active");
    })

    $(".lazy_ul>li").eq(1).mouseenter(function () {
      $(".lazy_bottom .s2").addClass("vj").siblings(".lazy_ul2").removeClass("vj")
      $(".lazy_ul>li").eq(1).addClass("active").siblings(".lazy_ul>li").removeClass("active");
    })

    $(".lazy_ul>li").eq(2).mouseenter(function () {
      $(".lazy_bottom .s3").addClass("vj").siblings(".lazy_ul2").removeClass("vj")
      $(".lazy_ul>li").eq(2).addClass("active").siblings(".lazy_ul>li").removeClass("active");
    })

    $(".lazy_ul>li").eq(3).mouseenter(function () {
      $(".lazy_bottom .s4").addClass("vj").siblings(".lazy_ul2").removeClass("vj")
      $(".lazy_ul>li").eq(3).addClass("active").siblings(".lazy_ul>li").removeClass("active");
    })



  })
})()